<template>
  <div class="history">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>访客记录</span>
      </div>
      <userfilter />
      <qftable :tableData="tableData" :columns="columns" />
      <qfpage />
    </el-card>
  </div>
</template>

<script>
import { qftable, userfilter, qfpage } from "@/layout/components/index.js";
import tableData from "~mock/users/history";
export default {
  components: {
    qftable,
    userfilter,
    qfpage,
  },
  data() {
    return {
      columns: [
        { title: "编号", field: "id" },
        { title: "姓名", field: "uname" },
        { title: "登录方式", field: "type" },
        { title: "登录时间", field: "login_time" },
        { title: "上次登录时间", field: "last_login_time" },
        { title: "地址", field: "area" },
      ],
      tableData: tableData.data,
    };
  },
};
</script>

<style lang="scss" scoped></style>
